<template>

    <!--员工数据展示表格-->
    <el-table :data="GetCostData" style="width: 100%" highlight-current-row>
        <el-table-column fixed prop="CostYear" label="年份" align="center"/>
        <el-table-column prop="CostMonth" label="月度" align="center"/>
        <el-table-column prop="CostPrice" label="成本" align="center" >
            <template #default="{ row }">
                ¥{{ row.CostPrice.toFixed(2) }}
            </template>
        </el-table-column>
        <el-table-column fixed="right" label="操作" min-width="120" align="center">
            <template #default="ThisRowData">
                <el-button size="small" @click="EditEmployeeClick(ThisRowData.row)">修改</el-button>
            </template>
        </el-table-column>

        <template #empty>
            <el-empty description="暂无员工数据" />
        </template>
    </el-table>

</template>

<script lang='ts' setup name=''>

// 导入必要组件
import axios from 'axios';
import { reactive, ref, onMounted, watch } from 'vue';
import { ElNotification } from 'element-plus'
import { Search } from '@element-plus/icons-vue'

let GetCostData = ref(
    [
        {
            CostYear: 2025,
            CostMonth: 5,
            CostPrice: 12
        }
    ]
)

// GET ------------------------------------------ GET //

// POST ------------------------------------------ POST //

// PUT ------------------------------------------ PUT //

// DELETE ------------------------------------------ DELETE //

</script>

<style scoped>

</style>